<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>27_CSS复合选择器-兄弟选择器-~</title>
        <style>
            /* 作用是查找某一个指定元素的后面的所有兄弟节点 */
            #l2 ~ li{
                color: red;
            }
        </style>
    </head>
    <body>
        <ul>
            <li>向往的生活</li>
            <li id="l2">乘风破浪的姐姐</li>
            <li>惊叹俱乐部</li>
            <li>极限挑战</li>
        </ul>
    </body>
</html>